<template>
  <div>
    <div id="AbnormalResdents-title">
      居民指标异常
      <span id="AbnormalResdents-all" @click="allFn">
        全部
        <i class="el-icon-arrow-right"></i>
      </span>
    </div>
    <div id="AbnormalResdents-main">
      <LittleModel/>
    </div>
  </div>
</template>

<script>
import LittleModel from '../../components/Home/LittleModel.vue'
export default {
  components:{
    LittleModel
  },
  methods:{
    allFn(){
      this.$router.push({
        path:"/people"
      })
    }
  }
}
</script>

<style>
    #AbnormalResdents-title{
        width: 100%;
        height: 40px;
        line-height: 40px;
        position: relative;
    }
    #AbnormalResdents-all{
      position: absolute;
      right: 0;
      font-size: 13px;
      color: darkgray;
    }
    #AbnormalResdents-all:hover{
      cursor: pointer;
    }
    #AbnormalResdents-main{
      width: 100%;
      display: flex;
    }
</style>